@import "../../assets/style/flex";
@import "../../assets/style/base";

page {
  width: 100%;
  height: 100%;
  background-color: #222329;
}

.device {
  width: 100%;
  height: 100%;
  background-color: #222329;
  .flexV();
  .flex-cCenter();
  box-sizing: border-box;
  padding: 0 75px;

  .device_img {
    margin-top: 264px;
    width: 381px;
    height: 381px;

    &.off {
      width: 381px;
      height: 318px;
    }
  }

  .device_state {
    margin-top: 20px;
    font-size: 36px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #CCCCCC;
  }

  .device_tip {
    font-size: 26px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #999999;
    margin-top: 5px;
  }

  .device_list {
    width: 100%;
    height: 300px;

    .device_item {
      .flexH();
      .flex-cCenter();
      background-color: #191A1E;
      height: 80px;

      .device_item_img{
        width: 50px;
        height: 39px;
        margin-left: 30px;
        .bg('../../assets/imgs/device_ic.png');
      }

      .device_name {
        font-size: 30px;
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        color: #CCCCCC;
        margin-left: 20px;
      }

      .device_item_right{
        .flex-1();
        margin-right: 30px;
        .flexH();
        .flex-zEnd();
        .device_connect_state{
          font-size: 30px;
          font-family: Alibaba PuHuiTi;
          font-weight: 400;
          color: #CCCCCC;
          text-align: right;
        }
        .device_connect_wait{
          width: 36px;
          height: 36px;
          .bg('../../assets/imgs/ic_wait.png');
          animation: myfirst2 2s infinite linear;
        }
      }
    }
  }

  .device_continue{
    width: 270px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    font-size: 32px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #CCCCCC;
    background-color: #191A1E;
  }
}

@keyframes myfirst2
{
  from {transform: rotate(0deg);}
  to {transform: rotate(359deg);}
}
